<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="UTF-8">
    <title>平台端商品管理添加页面</title>

    <meta name="description" content="Restyling jQuery UI Widgets and Elements"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!--公共样式-->
    <link rel="stylesheet" href="./../../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/ace.min.css"/>
    <!--页面CSS-->
    <link rel="stylesheet" href="../../css/platForm/common.css"/>
    <link rel="stylesheet" href="./../../css/platForm/goodsManageAdd.css"/>

</head>
<body>
<div class="main-container" id="main-container">
    <div class="main-content">
        <div class="page-content">
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">

                        <div class="admin-detail">商品添加</div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">商品名称</div>
                            <div class="order-detail w81 r"><input type="text"></div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail h170 w17 l">商品图片</div>
                            <div class="order-detail h170 w81 r">
                                <!--这里放图片-->
                                <img src="./../../assets/img/girl1.png" class="goods-img" alt="">
                                <img src="./../../assets/img/girl2.png" class="goods-img" alt="">
                                <img src="./../../assets/img/girl3.png" class="goods-img" alt="">
                                <button class="admin-btn w100">上传图片</button>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail h170 w17 l">视频</div>
                            <div class="order-detail h170 w81 r">
                                <!--这里放图片-->
                                <!--这里放视频-->
                                <div class="goods-video"></div>
                                <button class="admin-btn w100">上传视频</button>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">商品标签</div>
                            <div class="order-detail w81 r">
                                <input type="checkbox">牛仔
                                <input type="checkbox">喜庆
                                <input type="checkbox">敬酒
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">品牌</div>
                            <div class="order-detail w81 r">
                                <select class="storage-admin-select">
                                    <option value="">知设</option>
                                    <option value="">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">分类</div>
                            <div class="order-detail w81 r">
                                <select class="storage-admin-select">
                                    <option value="">婚纱</option>
                                    <option value="">礼服</option>
                                </select>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">货号</div>
                            <div class="order-detail w81 r"><input type="text"></div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">状态</div>
                            <div class="order-detail w81 r">
                                <select class="storage-admin-select">
                                    <option value="">上架</option>
                                    <option value="">下架</option>
                                </select>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">综合</div>
                            <div class="order-detail w81 r"><input type="text"></div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">已售</div>
                            <div class="order-detail w81 r"><input type="text"></div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">浏览量</div>
                            <div class="order-detail w81 r"><input type="text"></div>
                        </div>
                        <div class="order-detail-wrap clearfix mb30">
                            <div class="order-detail w17 l h136">备注</div>
                            <div class="order-detail w81 r h136">
                                <textarea class="order-textarea"></textarea>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">颜色</div>
                            <div class="order-detail w81 r">
                                <input type="checkbox">红色
                                <input type="checkbox">白色
                                <input type="checkbox">粉色
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">尺寸</div>
                            <div class="order-detail w81 r">
                                <input type="checkbox">XS
                                <input type="checkbox">S
                                <input type="checkbox">M
                                <input type="checkbox">L
                                <input type="checkbox">XL
                                <input type="checkbox">XXL
                                <button class="admin-btn w100 ml10p">添加</button>
                            </div>
                        </div>


                        <!--表格-->
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>颜色</th>
                                <th>尺码</th>
                                <th>库存</th>
                                <th>价格</th>
                                <th>备注</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>红色</td>
                                <td>XL</td>
                                <td>100</td>
                                <td>100</td>
                                <td></td>
                            </tr>

                            </tbody>
                        </table>
                        <textarea class="fwb"></textarea>

                        <div class="pdt20">
                            <button class="admin-btn w100">提交</button>
                            <button class="admin-btn w100 ml20">返回</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--富文本编辑器-->
<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script>tinymce.init({ selector:'.fwb' });</script>

<script src="./../../assets/js/jquery.min.js"></script>
<script src="./../../assets/js/bootstrap.min.js"></script>
<script src="./../../js/platForm/goodsManageAdd.js"></script>

</body>
</html>